<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:form id="gjjb">
        <rich:panel header="业务明细" styleClass="content-hight">
            <h:panelGrid columns="2">
                <h:selectOneMenu value="#{provident.iyear}">
                    <f:selectItem itemLabel="-请选择-" itemValue="查询"/>
                    <f:selectItems value="#{provident.yearList}"/>
                </h:selectOneMenu>
                <h:commandButton value="查询" action="#{provident.queryHouseProvident}"/>
            </h:panelGrid>
            <hr/>
            <h:panelGrid columns="2" width="70%" border="0" id="oldform" >
                <h:outputLabel value="姓名："/>
                <h:outputText  id="cpsn_name" value="#{provident.p.cpsn_name}"/>
                <h:outputLabel value="公积金账号:"/>
                <h:outputText  id="gjjzh" value="#{provident.p.gjjzh}"/>
                <h:outputLabel value="身份证号："/>
                <h:outputText  id="sfzh" value="#{provident.p.id_No}"/>
            </h:panelGrid>
            <h:panelGroup id="tableGroup">
            <rich:dataTable id="editTable" value="#{provident.houList}"
                            var="houlist" rows="15"
                            styleClass="stable"
                            style="width:100%;margin-bottom: 0px;min-height:10px;"
                            noDataLabel="无数据！">
                <rich:column>
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="序号"/>
                        </h:panelGroup>
                    </f:facet>
                    <h:outputText value="#{houlist.id}"/>
                </rich:column>

                <rich:column>
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="业务类型"/>
                        </h:panelGroup>
                    </f:facet>
                    <h:outputText value="#{houlist.btype}"/>
                </rich:column>

                <rich:column>
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="业务日期"/>
                        </h:panelGroup>
                    </f:facet>
                    <h:outputText value="#{houlist.bdate}">
                        <f:convertDateTime pattern="yyyy年MM月dd日" timeZone="GMT+8" locale="cn" />
                    </h:outputText>
                </rich:column>


                <rich:column>
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="借方金额"/>
                        </h:panelGroup>
                    </f:facet>
                    <h:outputText value="#{houlist.debitAmount}">
                        <f:convertNumber type="number" pattern="#,##0.00"/>
                    </h:outputText>
                </rich:column>

                <rich:column>
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="贷方金额"/>
                        </h:panelGroup>
                    </f:facet>
                    <h:outputText value="#{houlist.creditAmount}">
                        <f:convertNumber type="number" pattern="#,##0.00"/>
                    </h:outputText>
                </rich:column>


                <rich:column>
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="营业网点"/>
                        </h:panelGroup>
                    </f:facet>
                    <h:outputText value="#{houlist.bankBranch}"/>
                </rich:column>


                <rich:column>
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="营业员"/>
                        </h:panelGroup>
                    </f:facet>
                    <h:outputText value="#{houlist.assistant}"/>
                </rich:column>
                <f:facet name="footer">
                    <rich:dataScroller id="ds" fastStep="3" render="tableGroup"/>
                </f:facet>
            </rich:dataTable>
            <rich:jQuery selector=".stable tr:odd" query="addClass('odd-row')" />
            <rich:jQuery selector=".stable tr:even" query="addClass('even-row')" />
            <rich:jQuery selector=".stable tr" event="mouseover" query="jQuery(this).addClass('active-row')" />
            <rich:jQuery selector=".stable tr" event="mouseout" query="jQuery(this).removeClass('active-row')" />
            <rich:jQuery selector=".stable tr" event="click" query="jQuery(this).addClass('click-row')"/>
            <rich:jQuery selector=".stable tr" event="click" query="jQuery('.stable tr').not(this).removeClass('click-row')"/>
            </h:panelGroup>
        </rich:panel>
    </h:form>
</ui:composition> 
